<ion-header [translucent]="true">
  <ion-toolbar>
    <ion-title>
      TypeScript
    </ion-title>
  </ion-toolbar>
</ion-header>

<ion-content [fullscreen]="true" padding>
  <ion-list>
    <ion-item button (click)="showPage1()">
      A01-hello world
      <ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
    </ion-item>
    <ion-item button (click)="showPage2()">
      A02-数据类型、数组、元组
      <ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
    </ion-item>
    <ion-item button (click)="showPage3()">
      A03-字符传字面量类型,联合,交叉
      <ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
    </ion-item>
    <ion-item button (click)="showPage4()">
      A04-function与箭头函数
      <ion-icon slot="end" name="chevron-forward-outline"></ion-icon>
    </ion-item>
  </ion-list>
</ion-content>

